body {
    background-color: #ffffff;
    font-size: 12px;
    font-family: Verdana, "Verdana CE",  Arial, "Arial CE", "Lucida Grande CE", lucida, "Helvetica CE", sans-serif;
    color: #000000;  
    margin: 10px auto;
    width: 960px;
}

h1 {
    font-family: Arial, "Arial CE", "Lucida Grande CE", lucida, "Helvetica CE", sans-serif;
    border-bottom: 1px solid #AFAFAF; 
    font-size:  16px;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
    color: #D20005;
}

a:link, a:visited {
  color: #045491;
  font-weight : bold;
  text-decoration: none;
}

a:link:hover, a:visited:hover  {
  color: #045491;
  font-weight : bold;
  text-decoration : underline;
}

.spotImage {
    width: 300px;
    float:left;
    height: 200px;
}

.spotImg {
    width: 300px;
    height: 200px;
}

.spotInfo {
    width: 400px;
    float:right;
    height: 200px;
}
.clear {
    clear:both;
}

.spottedby {
    font-size: 15pt;
    font-family: Century Gothic, sans-serif;
    text-align: right;
}

.note {
    color: #333333;
    font-family: Century Gothic, sans-serif;
    font-size: 13pt;
}

.headerName {
    font-family: Verdana, Geneva, sans-serif;
}

.userImg {
    width: 200px;
    height: 200px;
}

#userImage {
    width:200px;
    float:left;
}

#userInfo {
    width:400px;
    float:left;
    padding: 20px;
    color: #333333;
    font-family: Century Gothic, sans-serif;
    font-size: 13pt;
}

#background {
    width: 100%; 
    height: 100%; 
    position: fixed;
    z-index: -1;
    left: 0px; 
    top: 0px;
}

.stretch {
    width:100%;
    height:100%;
}

.dataImg {
    width: 200px;
}

.detailImg {
    height: 400px;
}

